﻿<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.vb" Inherits="WScSimpleAdditionPage._Default" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1><%: Title %>.</h1>
        </div>
    </section>
    
    </section>
    
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
   <h1>Enter two numbers to add them!</h1>
    <p>&nbsp;</p>
    <table class="auto-style12">
        <tr>
            <td class="auto-style21">&nbsp;<strong>Enter First Number :</strong></td>
            <td class="auto-style22">
                <asp:TextBox ID="tb_FirstNumber" runat="server"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="tb_FirstNumber" CssClass="error" ErrorMessage="*"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="tb_FirstNumber" CssClass="validation-summary-errors" ErrorMessage="Enter Numbers Only" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
            </td>
            <td class="auto-style23"></td>
        </tr>
        <tr>
            <td class="auto-style15">&nbsp;</td>
            <td class="auto-style16"><strong>+</strong></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style17"><strong>Enter Second Number :</strong></td>
            <td class="auto-style18">
                <asp:TextBox ID="tb_SecondNumber" runat="server"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="tb_SecondNumber" CssClass="error" ErrorMessage="*"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="tb_SecondNumber" CssClass="validation-summary-errors" ErrorMessage="Enter Numbers Only" ValidationExpression="^\d+$"></asp:RegularExpressionValidator>
            </td>
            <td class="auto-style19"></td>
        </tr>
        <tr>
            <td class="auto-style15">&nbsp;</td>
            <td class="auto-style13">
                <asp:Button ID="btn_Addition" runat="server" Text="Add" />
            </td>
            <td></td>
        </tr>
        <tr>
            <td class="auto-style15">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><span class="auto-style20">Result :</span></strong></td>
            <td class="auto-style14">
                <asp:Label ID="lbl_Result" runat="server" CssClass="eight" Font-Bold="True" Font-Size="X-Large"></asp:Label>
            </td>
            <td>&nbsp;</td>
        </tr>
    </table>
</asp:Content>
<asp:Content ID="Content1" runat="server" contentplaceholderid="HeadContent">
    <style type="text/css">
        .auto-style12
        {
            width: 100%;
            float: left;
        }
        .auto-style13
        {
            text-align: left;
            width: 476px;
            font-size: large;
        }
        .auto-style14
        {
            width: 476px;
        }
        .auto-style15
        {
            width: 161px;
        }
        .auto-style16
        {
            width: 476px;
            font-size: medium;
        }
        .auto-style17
        {
            width: 161px;
            height: 50px;
        }
        .auto-style18
        {
            width: 476px;
            height: 50px;
        }
        .auto-style19
        {
            height: 50px;
        }
        .auto-style20
        {
            font-size: x-large;
        }
        .auto-style21 {
            width: 161px;
            height: 29px;
        }
        .auto-style22 {
            width: 476px;
            height: 29px;
        }
        .auto-style23 {
            height: 29px;
        }
    </style>
</asp:Content>

